﻿@using System.Configuration
@using ECG.Utility
@model List<ECG.Common.ProviderListHotCateDto>
<div class="pn-provider-list-cate">
    <div class="pn-pro-list1" style="margin-bottom: 10px;">
        <h2 class="mar-bot10">Các thương hiệu có mặt tại babo.vn</h2>
    </div>
    <div class="pn-provider-search-box">

        <ul class="listalphabet clearfix">
            <li>
                <img style="padding-right: 3px;" align="absmiddle" src="/images/icons/xem-them_03.gif"><a  href="javascript:void(0);" onclick="GetProviderByLetter('@ViewBag.CategoryId','',this)" style="text-transform: lowercase;" class="selected">Tất cả</a>
            </li>
            @{
                var listCharater = "abcdefghijklmnopqrstuvwxyz";
                for (int i = 0; i < listCharater.Length; i++)
                {
                    <li><a href="javascript:void(0);" onclick="GetProviderByLetter('@ViewBag.CategoryId','@listCharater[i]',this)">@listCharater[i]</a></li>
                }
            // class="selected"
            }

        </ul>
    </div>

    <div class="nav-filter">
        <div class="result-count">
            Có <strong class="totalProvidercate"></strong>kết quả	
        </div>
    </div>
    <div id="pn-list-provider">        
        @{
            if (Model.Any())
            {
                var hostContainImages = ConfigurationManager.AppSettings["HostContainImages"];
                <ul class="List-provider clearfix">
                    @foreach (var item in Model)
                    {
                        <li>
                            <a href="@Url.Action("Index", "ProductByProvider", new { Provider = item.Id, ProviderName = StringUtil.RemoveSpecialCharactersVn(item.Name) })">
                                <img src="@hostContainImages/upload/ProviderImages/@item.ImagePath" width="84" height="45" />
                                <p>
                                    @item.Name
                                </p>
                            </a>
                        </li>
                    }
                </ul>
            }
        }
    </div>
</div>
